<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="img/j.webp"/>
		<title>2019</title>
	</head>
	<body>
		<h2>表单</h2>
		<form action="tit.html" action="post">
			用户名 <input type="text" placeholder="请输入用户名"/>
		<br>
		密码<input type="password"/>
		<br>
		生日<input type="date"/>
		<br>
		性别<input type="radio" name="gander"/>男
		<input type="radio" name="gander"/>女
		<br>
		籍贯<select>
			<option>河北</option>
			<option>辽宁</option>
			<option>山西</option>
		</select>
		<br>
		爱好<input type="checkbox"/>踢球
		<input type="checkbox"/>游泳
		<input type="checkbox"/>骑行
		<br>
		照片<input type="file"/>
		<br>
		备注<textarea placeholder="多行文本框" cols="80" rows="5"></textarea>
		<br>
		<input type="submit" value="注册"/>
		<input type="reset" value="重填"/>
		</form>
		<h2>超链接</h2>
		<a href="http://www.tyust.edu.cn">太原科技大学</a>
	<a href="tit.html">aaa</a>
	<h2>图片</h2>
	<img src="img/j.webp" width="50px"/>
	<h2>表格</h2>
	<table border="1px" width="500px">
		<tr>
			<td>车次</td>
			<td>出发站</td>
		    <td>历时</td>
			<td>
				<button>预订</button>
			</td>
		</tr>
		<tr>
			<td>G101</td>
			<td>太原南</td>
		    <td>西安</td>
			<td>
				<button>预订</button>
			</td>
		</tr>
		<tr>
			<td>G101</td>
			<td>太原南</td>
		    <td>西安</td>
			<td>
				<button>预订</button>
			</td>
		</tr>
		<tr>
			<td>G101</td>
			<td>太原南</td>
		    <td>西安</td>
			<td>
				<button>预订</button>
			</td>
		</tr>
	</table>
	<h2>DIV使用</h2>
	<div>
		放东西，
	</div>
	<h2>span用法</h2>
	<input type="text"/><span style="color: red;">用户名不能为空</span>
	<h2>列表</h2>
	<ul>
	<li>计算机科学与技术</li>
	<li>物联网</li>
	<li>大数据</li>
	</ul>
	<ol>
	<li>计算机科学与技术</li>
	<li>物联网</li>
	<li>大数据</li>
	</ol>
	</body>
</html>
